// *******************************************************************************************************
// # extend placeholder - export to core.scss to xxxxxxx
//   引数や関数で出力しないモジュール  
//   ※計算が必要なものはmixinで
// *******************************************************************************************************

/* ------------------------------------
	* placeholder
* ------------------------------------ */

// # defined Placeholder Selector
// 以下定義済の汎用extend

// ## clearfix
// --------------------------------------------------------
// `@extend %group;`

%group {
	*zoom: 1;

	&:after {
		content: '';
		display: block;
		clear  : both;
		height : 0;
	}
}


// # add Placeholder Selector
// --------------------------------------------------------
// 以下案件固有のextend

/* アローリンクテキスト */
%linkArrow {
	padding-left: 24px;
	@include inline-block;
	@include min-height(17px);
	line-height: $lineHeight;
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

/* 右と下にラインが入るデバイステキストボタン */
%btnTextLine {
	border-width: 2px;
	border-style: solid;
	@include border-radius($radiusBtn);
	padding: 0 10px;
	padding-top: 9px;
	padding-bottom: 11px;
	margin: 0;
	position: relative;
	z-index: 0;
	@include inline-block;
	@include box-sizing(border-box);
	width: 100%;
	line-height: 1.3;
	background-color: #fff;
	font-size: $fontSizeL;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	@include opacity(1);

	&:hover {
		@include opacity;
	}

	@include hack(6) {
		padding-right: 0px;
		padding-left: 0px;
	}
	@include hack(7) {
		padding-right: 0px;
		padding-left: 0px;
	}

	&:before {
		border-width: 5px;
		border-style: solid;
		@include border-radius($radiusBtn);
		border-top-color: #fff;
		border-left-color: #fff;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: -1;
		@include box-sizing(border-box);
		width: 100%;
		height: 100%;
		content: "";
	}
}

/* 立体型デバイステキストボタン */
%btnTextLineAll {
	@extend %btnTextLine;
	padding: 10px;
	color: #fff;
	
	&:hover {
		color: #fff;
	}
}

%spriteEasySearch {
	display: block;
	background-image: $spritesEasySearch-img;
	background-repeat: no-repeat;
	overflow: hidden;
	@include background-size($spriteEasySearch-width auto); // スプライトシートの幅
	text-indent: -9999px;
	white-space: nowrap;
}

/* スターアイコン */
%spriteStar {
	display: block;
	background-image: $spritesStar-img;
	background-repeat: no-repeat;
	overflow: hidden;
	@include background-size($spriteStar-width auto); // スプライトシートの幅
	text-indent: -9999px;
	white-space: nowrap;
}

/* チェックボックスとラジオボタン */
%spriteInput {
	background-image: $spritesInput-img;
	background-repeat: no-repeat;
	overflow: hidden;
	@include background-size($spriteInput-width auto); // スプライトシートの幅
	text-indent: 100%;
	white-space: nowrap;
}

